/*
 * @Author: 
 * @Date: 2022-01-17 16:07:32
 * @LastEditors: lqj
 * @LastEditTime: 2022-01-17 16:29:58
 * @Description: 请填写简介
 */
import React, { Component } from 'react'
import ClassNames from 'classnames/bind'
import ClassStyles from './ClassStyle.css'
import { DivContainer } from './CssInJs'

const styles = {
  color: 'red'
}
const cx = ClassNames.bind(ClassStyles)

export default class ClassStyle extends Component {
  render() {
    const importName = cx({
      font: true
    })
    return (
      <>
        <div className='font' style={ {fontSize: '50px'} }>class</div>
        <div style={styles}>styles</div>
        <div className={importName}>importName</div>
        <DivContainer>
          world
        </DivContainer>
      </>
    )
  }
}